<template>
    <div v-if="id == 0">
        <div>先选择合同</div>
        <component :is="ContractSelect" :data="id" @onContract="onContract" />
    </div>
</template>
  
<script lang="ts" setup>
import { ref, watch } from 'vue';
import ContractSelect from '@/components/contractSelect.vue';

const id:any = ref(0)

const props = defineProps<{
    id:any,
}>()

watch(props,()=>{
    id.value = props.id
},{ immediate: true })

const onContract = () => {

}
</script>
<style scoped>
.contract{height: calc(100vh - 25vh);overflow-y: scroll;}
.b_ .el-input{width: 340px;}
</style>
